/*reset*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, form { margin: 0; }
input, textarea, select { font-size: 100%; font-family: inherit; }
ul, ol { padding-left: 0; list-style-type: none; }
img { border: 0; }
a, button, input, textarea {-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}

/*common*/
.center { display: block; margin-left: auto; margin-right: auto; }
.fix::after { display: table; content: ''; clear: both; }
.fix { *zoom: 1; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*animation*/
@keyframes spin { from {transform: rotate(0);} to {transform: rotate(360deg);} }
.spin { animation: spin linear infinite 1.5s; }
@keyframes spin-reverse { from {transform: rotate(0);} to {transform: rotate(-360deg);} }
.spin-reverse { animation: spin-reverse linear infinite 1.5s; }
[v-cloak] {
    display: none;
  }